<template>
    <div class="pl-20px">
        <div class="w-[100%] flex items-center mb-12px pb-12px" style=" border-bottom: #ddd 1px solid;">
            <div class="w-[140px] text-right mr-50px">
                二进制日志
            </div>
            <div class="">
                1.12 MB
                <el-button class="ml-7px" type="primary" size="small" :loading="loading" @click="saveHandle()">关闭</el-button>
            </div>

        </div>
        <div class="w-[100%] flex justify-between items-center mb-12px">
            <div class="">
                错误日志
            </div>
            <div class="">
                <el-button type="primary"  size="small" :loading="loading" @click="saveHandle()">清空</el-button>
            </div>
        </div>
        <div class="p-10px" style="background-color: #333;color: #fff;font-size: 12px;border-radius: 6px;height: 410px;overflow-y: auto;box-sizing: border-box;">
           等待对接
        </div>
    </div>
</template>
<script setup lang='ts'>
import { ref } from 'vue'
import { ElMessage } from 'element-plus'

// 提交按钮loading
const loading = ref(false)
const content = ref('')

//提交
const saveHandle = async () => {
    loading.value = true;
    // AjaxAPI({
    //     ...data,
    // }).then(() => {
    //     ElMessage.success("添加成功")
    // }).finally(() => {
    //     loading.value = false;
    // })
}
</script>